﻿<%@ Page Title="" Language="C#" MasterPageFile="~/CricketAdmin.master" AutoEventWireup="true"
    CodeFile="AddMatch.aspx.cs" Inherits="AddMatch" %>

<asp:Content ID="Content1" ContentPlaceHolderID="HeadContent" runat="Server">
    <script language="javascript" src="js/jquery-1.10.1.min.js" type="text/javascript"></script>
    <script language="javascript" type="text/javascript">
        $(document).ready(function () {
            $('#<%=txtTime.ClientID %>').timepicker();
            jQuery("[id$='txtDate']").datepicker({ autoclose: true });
        });
        

    </script>
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="MainContent" runat="Server">
    <div class="container-fluid">
        <h3 class="page-title">
            Add match<small></small>
        </h3>
        <%--<ul class="breadcrumb">
            <li><i class="icon-home"></i>Home<span class="icon-angle-right"> </span></li>
            <li>Match<span class="icon-angle-right"></span></li>
            <li>Add Match</li>
        </ul>--%>
         <div>
            <asp:Button ID="btnView" runat="server" Text="Back" CssClass="btn blue" 
                 onclick="btnView_Click" />
        </div>
        <br />
        <div class="alert alert-danger" id="layerError" runat="server" style="display: none;">
        </div>
        <div class="alert alert-success" id="layerSuccess" runat="server" style="display: none;">
        </div>
        <div class="row-fluid">
            <div class="span12">
                <div class="portlet box blue">
                    <div class="portlet-title">
                        <div class="caption">
                            Add Match</div>
                    </div>
                    <div class="portlet-body form">
                        <div class="form-horizontal form-view">
                        <div class="row-fluid">
                                <div class="span6">
                                    <div class="control-group">
                                        <label class="control-label">
                                            Type <span class="required">*</span></label>
                                        <div class="controls">
                                            <asp:DropDownList ID="drpType" runat="server" OnSelectedIndexChanged="drpType_SelectedIndexChanged" AutoPostBack="True">
                                            </asp:DropDownList>
                                            <asp:RequiredFieldValidator ID="RequiredFieldValidator5" runat="server" ErrorMessage="Please select type."
                                                InitialValue="0" ValidationGroup="Match" CssClass="required" ControlToValidate="drpType"
                                                Display="Dynamic"></asp:RequiredFieldValidator>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="row-fluid">
                                <div class="span6">
                                    <div class="control-group">
                                        <label class="control-label">
                                            Team 1 <span class="required">*</span></label>
                                        <div class="controls">
                                            <asp:DropDownList ID="drpTeam1" runat="server">
                                            </asp:DropDownList>
                                            <asp:RequiredFieldValidator ID="RequiredFieldValidator4" runat="server" ErrorMessage="Please enter team 1"
                                                InitialValue="0" ValidationGroup="Match" CssClass="required" ControlToValidate="drpTeam1"
                                                Display="Dynamic"></asp:RequiredFieldValidator>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="row-fluid">
                                <div class="span6">
                                    <div class="control-group">
                                        <label class="control-label">
                                            Team 2 <span class="required">*</span></label>
                                        <div class="controls">
                                            <asp:DropDownList ID="drpTeam2" runat="server">
                                            </asp:DropDownList>
                                            <asp:RequiredFieldValidator ID="RequiredFieldValidator1" runat="server" ErrorMessage="Please enter team 2"
                                                InitialValue="0" ValidationGroup="Match" CssClass="required" ControlToValidate="drpTeam2"
                                                Display="Dynamic"></asp:RequiredFieldValidator>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="row-fluid">
                                <div class="span6">
                                    <div class="control-group">
                                        <label class="control-label">
                                            Match Type <span class="required">*</span></label>
                                        <div class="controls">
                                            <asp:DropDownList ID="drpMatchType" runat="server">
                                            </asp:DropDownList>
                                            <asp:RequiredFieldValidator ID="RequiredFieldValidator3" runat="server" ErrorMessage="Please enter match type"
                                                InitialValue="0" ValidationGroup="Match" CssClass="required" ControlToValidate="drpMatchType"
                                                Display="Dynamic"></asp:RequiredFieldValidator>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="row-fluid">
                                <div class="span6">
                                    <div class="control-group">
                                        <label class="control-label">
                                            Date<span class="required">*</span></label>
                                        <div class="controls">
                                            <asp:TextBox ID="txtDate" runat="server" CssClass="span6 m-wrap"></asp:TextBox>
                                            <asp:RequiredFieldValidator ID="rfvPhone" runat="server" ErrorMessage="Please enter date."
                                                ValidationGroup="Match" CssClass="required" ControlToValidate="txtDate" Display="Dynamic"></asp:RequiredFieldValidator>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="row-fluid">
                                <div class="span6">
                                    <label class="control-label">
                                        Time<span class="required">*</span></label>
                                    <div class="controls">
                                        <asp:TextBox ID="txtTime" runat="server" CssClass="span6 m-wrap"></asp:TextBox>
                                        <asp:RequiredFieldValidator ID="RequiredFieldValidator2" runat="server" ErrorMessage="Please enter time."
                                            ValidationGroup="Match" CssClass="required" ControlToValidate="txtDate" Display="Dynamic"></asp:RequiredFieldValidator>
                                    </div>
                                </div>
                            </div>
                            <div class="form-actions">
                                <asp:Button ID="btnSubmit" runat="server" Text="Submit" CssClass="btn red" ValidationGroup="Match"
                                    OnClick="btnSubmit_Click" />
                                <asp:Button ID="Button1" runat="server" Text="Cancel" CssClass="btn" />
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</asp:Content>
